.EnvironmentA01 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > .Top {
		width: 100%;
		flex: 430;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 16px;

		.Nav {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div:first-child {
				width: 100%;
				height: 68px;
				margin-bottom: 16px;
				background: rgba(0, 37, 76, 0.8);
				border-radius: 33px;
				z-index: 2;
				display: flex;
				align-items: center;
				justify-content: center;

				& > div {
					height: 100%;
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 26px;
					font-family: YouSheBiaoTiHei;
					font-weight: 400;
					color: #b0fef6;
					cursor: pointer;
					user-select: none;

					&.active {
						background: linear-gradient(
							0deg,
							rgba(4, 42, 94, 1),
							rgba(183, 233, 250, 1)
						);
						border: 2px solid #a5eafd;
						border-radius: 33px;
					}
				}
			}

			& > div:last-child {
				width: 100%;
				flex: 1;
			}
		}
	}
}
